.fenlei{
    .top{
        height: 44px;
        font-size: 18px;
        line-height: 44px;
        text-align: center;
        border-bottom:1px solid #ccc;
      }
      .main{
        display: flex;
        flex: 1;
        overflow: hidden;
        margin-bottom: 50px;
        .mainleft{
            display: flex;
            flex-direction: column;
            width: 20%;
            border-right: 1px solid #ccc;
            font-size: 14px;
            background-color: #eae9e9;
            overflow: auto;
            .leftlist{
                width: 100%;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                .listsmall{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 85%;
                  }
              }
               .leftlist.active{
                background-color: white;
              }
              .listsmall.active{
                border-left:2px solid red;
              }
          }
          .mainright{
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            flex: 1;
            overflow: auto;
            .rightlist{
                width: 33.333333%;
                height: 100px;
                border: 1px solid red;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                box-sizing: border-box;
                .tu{
                    font-size: 40px;
                   }
              }
          }
      }
}